<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>个人中心首页</title>
<style type="text/css">
	.dindanhezi{
		height:40px;
		width:900px;
		border-bottom:1px solid #f0f0f0;
		margin-bottom:10px;
		margin-top:30px;
		text-align:left;
	}
	.dindan{
		height:40px;
		width:80px;
		text-align:center;
		line-height:40px;
		color:#555;
		background-color:#f0f0f0;
		font-size: 14px;
		font-weight: 700;
	}
	.gengduo{
		float:right;
		color:#555;
		font-size: 14px;
		position:absolute;
		top:390px;
		right:150px;
	}
	.gengduo a{
		color:#555;
		font-size: 14px;
		text-decoration: none;
	}
	.da{
		font-size:24px;
		color: #555;
	}
	.daan{
		font-size:16px;
		color:#ca151d;
		font-weight: 700;
	}
	.shu{
		color:#DEDEDE;
		margin-right:8px;
	}
	td{
	color:#555;
	font-size:14px;
	}
	.table2{
		broder:1px solid #f0f0f0;
		text-align: center;
		padding-left:20px;
	}
	.table2 thead{
		border-bottom:1px solid #f0f0f0;
		font-size:14px;
	}
	.table2 tr{
		height:40px;
	}
	.table2 td{
		font-size:12px;
		color:#555;
	}
	.momo{
		height:115px;
		width:115px;
		border:1px solid white;
		border-radius:50%;
	}
	.hindexjsp{
		margin-top:50px;
		height:570px;
	}		
</style>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(function(){
	//设置tr背景色偶数为#FAFAFA
	$(".table2").find("tr:odd").css("background-color", "#FAFAFA");
});
</script>
</head>
<body>
<!-- 将公共页面显示在左边 -->
<div ><%@include file="chead.jsp" %></div>
<div class="hindexjsp" >
<div style="float:left"><%@include file="hppmenu.jsp" %></div>
<div style="margin-left:340px">

	<table width="900px" height="150px"> 
			<tr>
				<td rowspan="4" style="height:120px; width: 150px;">
					<c:if test="${empty list1.getP_newname()}">
						<img class="momo" src="image/moren.jpg"/>
						<div id="yulan"></div>	
					</c:if>	
					<c:if test="${not empty list1.getP_newname()}">
						<img class="momo" src="${list1.getP_newname() }"/>
						<div id="yulan"></div>	
					</c:if>	
				</td>
				<td colspan="3"><span class="da"> ${list1.getVname()} ,欢迎您</span></td>
			</tr>

			<tr>
				<td >总积分：<span class="daan">${list1.getIntegral()}</span> &nbsp;分</td>
				<td ><span class="shu">|</span>&nbsp;交易总数量：<span class="daan">${ordcount }</span>&nbsp;笔 </td>
				<td ><span class="shu">|</span>&nbsp;总消费额:<span class="daan">${zongxiaofei}</span></td>
			</tr>
			
			<tr>
				<td >预存款余额：<span class="daan">0</span></td>
				<td ><span class="shu">|</span>&nbsp;代金券:&nbsp;<span class="daan">0</span>&nbsp;张 </td>
				<td ><span class="shu">|</span>&nbsp;经验值:&nbsp;<span class="daan">0</span></td>
			</tr>
			
			<tr>
				<td >待评价商品（<span class="daan">${comment}</span>）</td>
				<td ><span class="shu">|</span>&nbsp;待付款订单:&nbsp;<span class="daan">${ obligation}</span></td>
				<td ><span class="shu">|</span>&nbsp;待确认收货:&nbsp;（<span class="daan" style="color:#555;">${ collect}</span>）</td>
			</tr>
	</table>
	<div class="dindanhezi">
		<div class="dindan">
			我的订单
		</div>
		<div class="gengduo">
			<a href="orders?action=ByPage&curpage=1">更多 ></a>	
			</div>
		
	</div>
		<table class="table2"  width="900px" height="150px">
			<thead>
				<tr>
					<th>订单编号</th>
					<th>下单日期</th>
					<th>收货人</th>
					<th>支付方式</th>
					<th>总金额</th>
					<th>订单状态</th>
				</tr>
			</thead>
			<tbody>
				<c:forEach items="${list }" var="u" varStatus="vs" begin="0" end="5" >
					<tr>
						<td>${u.o_code}</td>
						<td>${u.buy_date }</td>
						<td>${u.r_name }</td>
						<td>${u.money }</td>
						<td>${u.total_money }</td>
						<td>${u.o_states }</td>
					</tr>
				</c:forEach>
			</tbody>
		</table>	
</div>
</div>
<div ><%@include file="hfooter.jsp" %></div>
<div ><%@include file="cfooter.jsp" %></div>
</body>
</html>